<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>绿皮猪</title>
		<style>
			div{
				filter: drop-shadow(0 0 50px #18ff1f);
			}
			#face{
				width: 500px;
				height: 500px;
				background-color: #00d900;
				border: #000000 solid 6px;
				border-radius: 470px 320px;
				transform: rotate(45deg);
				position: relative;
				left: 1283px;
				top: 199px;
			}
			#ear1{
				width: 100px;
				height: 100px;
				background-color: #00d900;
				border-top: #000000 solid 6px;
				border-left: #000000 solid 6px;
				border-radius: 50px 60px;
				position: relative;
				transform: rotate(10deg);
				left: 1300px;
				top: -312px;
			}
			#ear2{
				width: 100px;
				height: 100px;
				background-color: #00d900;
				border-top: #000000 solid 6px;
				border-right: #000000 solid 6px;
				border-radius: 60px 50px;
				position: relative;
				transform: rotate(10deg);
				left: 1676px;
				top: -419px;
			}
			#ear3{
				width: 50px;
				height: 50px;
				background-color: #009d00;
				border-radius: 50px 50px;
				position: relative;
				left: 27px;
				top: 27px;
			}
			#ear4{
				width: 50px;
				height: 50px;
				background-color: #009d00;
				border-radius: 50px 50px;
				position: relative;
				left: 23px;
				top: 29px;
			}
			#nose1{
				width: 200px;
				height: 200px;
				background-color: #6fea0a;
				border: #009d00 solid 6px;
				border-radius: 250px 180px;
				position: relative;
				left: 152px;
				top: 155px;
			}
			#nose2{
				width: 50px;
				height: 50px;
				background-color: #000000;
				border-radius: 30px 50px;
				position: relative;
				left: 41px;
				top: 114px;
			}
			#nose3{
				width: 50px;
				height: 50px;
				background-color: #000000;
				border-radius: 30px 50px;
				position: relative;
				left: 116px;
				top: -9px;
			}
			#eye1{
				width: 150px;
				height: 150px;
				background-color: #ffffff;
				border: #000000 solid 6px;
				border-radius: 50%;
				position: relative;
				left: 58px;
				top: 115px;
			}
			#eye2{
				width: 150px;
				height: 150px;
				background-color: #ffffff;
				border: #000000 solid 6px;
				border-radius: 50%;
				position: relative;
				left: 328px;
				top: -309px;	
			}
			#eye3{
				width: 30px;
				height: 30px;
				background-color: #000000;
				border-radius: 50%;
				position: relative;
				left: 25px;
				top: 89px;
			}
			#eye4{
				width: 30px;
				height: 30px;
				background-color: #000000;
				border-radius: 50%;
				position: relative;
				left: 84px;
				top: 24px;
			}
			#eyebrow1{
				height: 83px;
				width: 2px;
				border: 6px solid #000000;
				background-color: #000000;
				transform: rotate(20deg);
				position: relative;
				left: 316px;
				top: -488px;
			}
			#eyebrow2{
				height: 83px;
				width: 2px;
				border: 6px solid #000000;
				background-color: #000000;
				transform: rotate(-107deg);
				position: relative;
				left: 85px;
				top: -360px;
			}
		</style>
	</head>
	<body>
		<div id="face">
			<div id="nose1">
				<div id="nose2"></div>
				<div id="nose3"></div>
			</div>
			<div id="eye1">
				<div id="eye3"></div>
			</div>
			<div id="eye2">
				<div id="eye4"></div>
			</div>
			<div id="eyebrow1"></div>
			<div id="eyebrow2"></div>
		</div>
		<div id="ear1">
			<div id="ear3"></div>
		</div>
		<div id="ear2">
			<div id="ear4"></div>
		</div>
		<audio src="img/愤怒的小鸟_爱给网_aigei_com.mp3" autoplay loop></audio>
	</body>
</html>